<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->

<!--</head>-->
<!--<body>-->
<!--   &lt;!&ndash;- 请求APIhttps://api.vvhan.com/api/ipCard  获取当前天气信息名片 &ndash;&gt;-->
<!--    <div id="app">-->
<!--        <div class="card">-->
<!--            <div class="card-header">-->
<!--                <h2>天气名片</h2>-->

<!--            </div>-->
<!--            <div class="card-body">-->
<!--                <div class="weather">-->
<!--                    <div class="weather-icon">-->
<!--                        <img src="https://api.vvhan.com/api/ipCard " alt="">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</body>-->
<!--</html>-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>访客相关信息获取API接口</title>
    <meta name="keywords" content="获取操作系统，浏览器，浏览器版本，访客IP地址，访问时间" />
    <meta name="description" content="获取操作系统，浏览器，浏览器版本，访客IP地址，访问时间" />
    <meta property="og:description" content="获取操作系统，浏览器，浏览器版本，访客IP地址，访问时间" />
    <meta property="og:site_name" content="访客相关信息获取API接口" />
    <meta property="og:title" content="访客相关信息获取API接口" />
    <meta property="og:url" content="https://api.vvhan.com/" />
    <meta itemprop="image" content="/images/logo.webp" />
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/css/main.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/ashes.min.css" />
</head>

<body>
<img src="/images/logo.webp" alt="logo" style="display: none" />
<section class="fixed-section">
    <canvas class="vh-bg"></canvas>
    <div class="vh_boy"></div>
</section>
<section class="page">
    <div id="app">-->
                <div class="card">
                    <div class="card-header">
                        <h2>天气名片</h2>

                    </div>
                    <div class="card-body">
                        <div class="weather">
                            <div class="weather-icon">
                                <img src="https://api.vvhan.com/api/ipCard " alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
</section>
<style>   .card-body{
    padding: 10px;
    display: flex;

    justify-content: center; /* 垂直居中 */


    align-items: center; /* 水平居中 */

    flex-direction: column; /* 方向为column */


    height: 100%; /* 高度为100% */


    width: 100%; /* 宽度为100% */

}  </style>

<svg class="vh-bolang" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none">
    <defs><path id="vh-bolang-item" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path></defs>
    <g class="vh-bolang-main">
        <use xlink:href="#vh-bolang-item" x="50" y="0" fill="rgba(224,233,239,.5)"></use>
        <use xlink:href="#vh-bolang-item" x="50" y="3" fill="rgba(224,233,239,.5)"></use>
        <use xlink:href="#vh-bolang-item" x="50" y="6" fill="rgba(224,233,239,.5)"></use>
    </g>
</svg>
<section class="ξvh-toast"></section>
<script src="/js/main.min.js"></script>
<script src="/js/jquery.min.js"></script>

<!-- 子页面展示 -->
<script src="/js/page.js"></script>
<script src="/js/highlight.min.js"></script>
<script>
    $(() => hljs.highlightAll());
</script>

<!-- 统计代码 -->
<script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>
<script>
    LA.init({ id: "JLvourAu9qIUtWYT", ck: "JLvourAu9qIUtWYT" });
</script>
</body>
</html>
